<template>
  <div id="servicedetail">
    <HeaderItem></HeaderItem>
    <TitleItem :title="title" :title2="title1"></TitleItem>
    <div class="bigbox">
      <div class="big">
        <div class="leftbox">
          <img src="../assets/images/hangkong1.png" alt="" class="leftimg" />
          <h1 class="leftfont">热情并行</h1>
          <p>
            在展佳华道之后协同增长展年总链接。在股权投资集酒之后不断重新定义B2C方法论。大端推动及时带宽，而不是企业潜力。大端推动及
            时带宽，而不是企业潜力。大儒双动实时带究。在股权投治渠道之后不断重新定义B2C方法论。大幅准动及时带宽，而不是企业潜力，
          </p>
          <p class="leftp">
            在最佳军酒之后协同增长最任总嫌境，在股权报资集酒之后不断重新定义82C方法论。大端推动及时带兜，而不是企业潜力。在股权报资吧道之后不断重新定义B2C方法论。大幅推动及时带宽，而不是企业潜力。
          </p>
          <div class="botbox">
            <img src="../assets/images/hangkong6.png" alt="" class="botimg" />
            <div class="oppoleft">
              <h1 class="leftfont">协同设想有效机会</h1>
              <p>
                在最佳汗道之后协同增长最佳总链接。在股权投资深道之后不断重新定义B2C方法论。大幅推动及时带宽，而不是企业潜力。可信地促进新兴的利基市场而以用户为中心的“开领即用”思维。有观地部警可罪的社区，以实现整体网络准备，
              </p>
              <p class="leftp">
                有观地部学可拿的社区，以实现整体网络准备，内在地制定针对功能化命今的特殊思想份额的战略。通过无线创意大力激励创新融合
              </p>
            </div>
          </div>
        </div>
        <div class="rightbox">
          <h4>服务业</h4>
          <ul>
            <li>货运</li>
            <li>海上运输</li>
            <li>航空运输</li>
            <li>运输与物流</li>
            <li>搬家和储存</li>
            <li>航运业务</li>
          </ul>
          <h4 style="margin-top: 30px;">服务业</h4>
          <p>
            星期一 星期五: 9: 00-18: 00 <br />星期六: 9: 00-2: 00 假日: 9: 00
            12: 00
          </p>
          <div class="rightimgbox">
            <img src="../assets/images/hangkong3.png" alt="" class="leftimg">
            <img src="../assets/images/hangkong4.png" alt="" class="leftimg">
            <img src="../assets/images/hangkong5.png" alt="" class="leftimg">
          </div>
          <img src="../assets/images/hangkong7.png" alt="" class="leftimg">
        </div>
      </div>
    </div>
    <FooterItem></FooterItem>
  </div>
</template>


<script>
import HeaderItem from "../components/HeaderItem.vue";
import FooterItem from "../components/FooterItem.vue";
import TitleItem from "../components/TitleItem.vue";
export default {
  components: {
    HeaderItem,
    FooterItem,
    TitleItem,
  },
  data() {
    return {
      title: "航空运输",
      title1: "家/服务业/单一服务",
    };
  },
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.bigbox {
  width: 100%;
}
.big {
  padding-top: 108px;
  padding-bottom: 200px;
  box-sizing: border-box;
  width: 65%;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
/* 左侧盒子 */
.leftbox {
  width: 74%;
}
.leftbox p {
  color: #656867;
}
.leftimg {
  width: 100%;
}
.leftfont {
  margin-top: 50px;
  margin-bottom: 30px;
}
.leftp {
  margin-top: 40px;
  margin-bottom: 90px;
}
.botbox {
  display: flex;
}
.oppoleft {
  padding-left: 50px;
}
/* 左侧盒子 */
/* 右侧盒子 */
.rightbox {
  width: 22%;
}
.rightbox h4 {
  margin-bottom: 35px;
}
.rightbox > ul > li {
  list-style: none;
  margin-bottom: 10px;
}
.rightimgbox{
  margin-top: 50px;
  margin-bottom: 50px;
}
/* 右侧盒子 */


/* 响应1024px */
@media screen and (max-width: 1024px) {
  .big{
    width: 100%;
    padding: 0;
    display: block;
  }
  .leftbox{
    width: 100%;
  }
  .botbox{
    width: 100%;
    display: block;
  }
  .oppoleft{
    padding-left: 0;
  }
  .botimg{
    width: 90%;
  }
  .rightbox{
    width: 100%;
  }
}


/* 响应370px */
@media screen and (max-width: 370px) {
  
}
</style>